<#include "/layout/layout.ftl">
<#import "/layout/macro.ftl" as macro>
<#assign css>
<style>
</style>
</#assign>
<#assign js>
<script>

    $('#table').bootstrapTable({
        url: "${ctx!}/welcomeindex",
        dataType: "json",
        striped: true,
        columns: [
                // {
                //     checkbox: true,
                //     visible: true                  //是否显示复选框
                // },
        {
            title: 'ID',
            field: 'id',
            align: 'center'

        },
        {
            title: '账号',
            field: 'userName',
            align: 'center',
            valign: 'middle',
        },
        {
            title: '昵称',
            field: 'nickName',
            align: 'center'
        },
        {
            title: 'ip',
            field: 'ip',
            align: 'center'
        },
        {
            title: '方法',
            field: 'method',
            align: 'center',
        },
       {
            title: '创建时间',
            field: 'createTime',
            align: 'center',
           sortable: true
       }
    ] ,
        queryParamsType:'',//默认值为 'limit' ,在默认情况下 传给服务端的参数为：offset,limit,sort
        // 设置为 ''  在这种情况下传给服务器的参数为：pageSize,pageNumber
     queryParams: function queryParams(params){
            var param = {
                pageNumber: params.pageNumber,
                pageSize: params.pageSize,
                sortName: params.sortName,      //排序列名
                sortOrder: params.sortOrder //排位命令（desc，asc）

            };
            return param;
        },
        //其他主要参数
        pageNumber: 1, //初始化加载第一页，默认第一页
        pageList: [5,10,15,20], //每页的记录行数（*）
       // search: true,  //显示查询框
        sidePagination: 'server',  //服务端分页
        pagination: true, //是否显示分页（*）
        sortable: true,                     //是否启用排序
        classes:"table-no-bordered",
        sortOrder: "asc"                   //排序方式
    });



</script>
</#assign>
<@layout title="首页" active="index">
 <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            赏金管理平台
            <small>Version 1.0</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Dashboard</li>
        </ol>
    </section>

<!-- Main content -->
<section class="content">
    <!-- Info boxes -->
    <div class="row hidden">
        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="info-box">
                <span class="info-box-icon bg-aqua"><i class="ion ion-ios-gear-outline"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">CPU Traffic</span>
                    <span class="info-box-number">90<small>%</small></span>
                </div>
                <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
        </div>
        <!-- /.col -->
        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="info-box">
                <span class="info-box-icon bg-red"><i class="fa fa-google-plus"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">Likes</span>
                    <span class="info-box-number">41,410</span>
                </div>
                <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
        </div>
        <!-- /.col -->

        <!-- fix for small devices only -->
        <div class="clearfix visible-sm-block"></div>

        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="info-box">
                <span class="info-box-icon bg-green"><i class="ion ion-ios-cart-outline"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">Sales</span>
                    <span class="info-box-number">760</span>
                </div>
                <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
        </div>
        <!-- /.col -->
        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="info-box">
                <span class="info-box-icon bg-yellow"><i class="ion ion-ios-people-outline"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">New Members</span>
                    <span class="info-box-number">2,000</span>
                </div>
                <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->

    <!-- Default box -->
    <div class="box box-primary">

        <div class="box-header with-border">
            <h3 class="box-title">操作记录</h3>

            <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
            </div>

        <div class="box-body table-responsive" >
            <table id="table" class="table table-striped"  >
                <#--<thead>-->
				<#--&lt;#&ndash;  <th><input type="checkbox" id="checkAll" name="checkAll" />全选</th>&ndash;&gt;-->
                <#--<th>ID</th>-->
                <#--<th>账户名</th>-->
                <#--<th>昵称</th>-->
                <#--<th>ip</th>-->
                <#--<th>方法名</th>-->
                <#--<th>结果</th>-->
				<#--&lt;#&ndash;<th>参数</th>&ndash;&gt;-->
                <#--<th>创建时间</th>-->

                <#--</thead>-->
                <#--<#list pageInfo.content as log>-->
                <#--<tr>-->
				<#--&lt;#&ndash;  <td><input type="checkbox" name="checkItem"  value="${log.id}" /></td>&ndash;&gt;-->
                    <#--<td>${log.id}</td>-->
                    <#--<td>${log.userName}</td>-->
                    <#--<td>${log.nickName}</td>-->
                    <#--<td>${log.ip}</td>-->
                    <#--<td>${log.method}</td>-->
                    <#--<td>${log.result}</td>-->
				<#--&lt;#&ndash;<td>${log.args}</td>&ndash;&gt;-->
                    <#--<td>${log.createTime}</td>-->
                <#--</tr>-->
				<#--</#list>-->
            </table>
        </div>
        <!-- /.box-body -->
        <#-- 自定义分页 插件<div class="box-footer clearfix">-->
            <#--<@macro.page pageInfo=pageInfo url="${ctx!}/welcome?" />-->
        <#--</div>-->
    </div>
	</div>
    <!-- /.box -->

</section>
<!-- /.content -->
</@layout>